
/* 
' CSS by G7 '
' Autor: G7 '
*/

/* ============================ */

*{margin:0;padding:0;border:0;list-style:none;text-decoratin:none;color:#333;}
a{ font-family: 'LocatorLight';
font-size:14px;
font-weight:normal;
color:#0aa;
text-decoration: none;}
a:hover {
text-decoration:underline;
background-position:left bottom;
}		  
a img{border:none;}

ul{list-style:none;}



/* ============ BODY =============== */

@font-face {
    font-family: 'LocatorBlack';
    src: url('../fonts/black-webfont.eot');
    src: url('../fonts/black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/black-webfont.woff') format('woff'),
         url('../fonts/black-webfont.ttf') format('truetype'),
         url('../fonts/black-webfont.svg#LocatorBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorLight';
    src: url('../fonts/light-webfont.eot');
    src: url('../fonts/light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/light-webfont.woff') format('woff'),
         url('../fonts/light-webfont.ttf') format('truetype'),
         url('../fonts/light-webfont.svg#LocatorLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorLightItalic';
    src: url('../fonts/lightitalic-webfont.eot');
    src: url('../fonts/lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lightitalic-webfont.woff') format('woff'),
         url('../fonts/lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/lightitalic-webfont.svg#LocatorLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorMedium';
    src: url('../fonts/medium-webfont.eot');
    src: url('../fonts/medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/medium-webfont.woff') format('woff'),
         url('../fonts/medium-webfont.ttf') format('truetype'),
         url('../fonts/medium-webfont.svg#LocatorMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorMediumItalic';
    src: url('../fonts/mediumitalic-webfont.eot');
    src: url('../fonts/mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mediumitalic-webfont.woff') format('woff'),
         url('../fonts/mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/mediumitalic-webfont.svg#LocatorMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Swis721CnBTRoman';
    src: url('../fonts/swiss-webfont-webfont.eot');
    src: url('../fonts/swiss-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swiss-webfont-webfont.woff') format('woff'),
         url('../fonts/swiss-webfont-webfont.ttf') format('truetype'),
         url('../fonts/swiss-webfont-webfont.svg#Swis721CnBTRoman') format('svg');
    font-weight:normal;
    font-style:normal;

}


body{
text-align:center;
font-family: 'LocatorLight';
font-size:12px;
color:#ffffff;
background:url(../imgs/bg-body.jpg) center top no-repeat #F5F5F5;
}

#container{width:970px;
margin:0px auto;
text-align:center;
}

#topo{float:left;
position:relative;
width:100%;
height:171px;
}

#logo{float:left;
position:relative;
width:auto;
margin:55px 0px 0px 0px;

transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

#logo:hover{margin:45px 0px 0px 0px;}

#nav{float:right;
position:relative;
width:auto;
text-align:right;
font-size:14px;
color:#333333;
}


#corpo{float:left;
position:relative;
width:100%;
}



#column-left{float:left;
position:relative;
width:246px;
padding:20px;
background:#333333;
margin-bottom:50px;
box-shadow:3px 3px 0px 0px #999999;
}

#tit-menu{float:left;
position:relative;
width:246px;
text-align:left;
text-transform:uppercase;
color:#ffffff;
font-size:20px;
margin-bottom:20px;}

#box{float:left;
position:relative;
width:246px;
margin-bottom:20px;
}

#titcateg{float:left;
position:relative;
width:236px;
height:26px;
padding:5px 0px 0px 10px;
font-size:16px;
color:#ffffff;
text-align:left;
background:#00AAAA;
}

#lista{float:left;
position:relative;
width:246px;
margin-top:10px;
}

#lista ul{ float:left;
position:relative;
width:100%;
}

#lista ul li {float:left;
position:relative;
width:246px;
border-bottom:1px dotted #ffffff;
}


#lista ul li a{float:left;
position:relative;
width:236px;
padding:7px 0px 7px 10px;
color:#ffffff;
text-align:left;
font-size:12px;

transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

#lista ul li a:hover{background:#ffffff;
color:#333333;
text-decoration:none;
}

#rodape{float:left;
position:relative;
width:100%;
height:167px;
background:url(../imgs/rodape.jpg) center top no-repeat;
}

#freebase{float:right;
position:relative;
width:auto;
margin-top:110px;
}

#right{float:right;
position:relative;
width:610px;
margin-bottom:50px;
padding:20px;
background:#ffffff;
box-shadow:3px 3px 0px 0px #d1d1d1;
}

#tit{ float:left;
position:relative;
width:500px;
text-align:left;
color:#000000;
font-size:20px;
text-transform:uppercase;
}

#chamada{float:left;
position:relative;
width:610px;
text-align:left;
margin-top:5px;
margin-bottom:20px;
font-size:11px;
color:#999999;
}

#formulario{float:left;
position:relative;
width:600px;
}

form{width:610px;
margin:0px 0px 0px 0px;
}

form label{float:left;
position:relative;
width:610px;
margin-bottom:5px;

}

#info{float:left;
position:relative;
width:100px;
text-align:left;
font-size:12px;
color:#000000;
padding-top:10px;
}

form label input{float:left;
position:relative;
width:490px;
padding:5px;
border:1px solid #cccccc;
height:25px;
}

form label select{float:left;
position:relative;
width:502px;
padding:5px;
border:1px solid #cccccc;
height:35px;
}

#bts{float:left;
position:relative;
width:600px;
text-align:left;
margin-top:10px;
}




FORM  INPUT.btpag {
width:97px;
height:40px;
float:right;
position:relative;
margin-left:10px;
cursor:pointer;
box-shadow:3px 3px 0px 0px #efefef;
background:#00AAAA;
color:#ffffff;

transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

FORM  INPUT.btpag:hover{background:#333333;}



#tabelaordenacao{float:left;
position:relative;
width:600px;;
margin-top:30px;
}

#contagem{float:left;
position:relative;
width:600px;
font-size:16px;
color:#333333;
margin-top:25px;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #cccccc;
border-top:1px dotted #cccccc;
}

#contagem span{color:#EE5300;}

#login{float:right;
       height:86px;
position:relative;
width:350px;
margin:50px 0px 0 0;
}

form.login{float:right;
position:relative;
margin:10px 0px 0px 0px;
width:auto;
padding:0px 0px;
}

form.login input{float:left;
position:relative;
width:100px;
height:40px;
padding:10px 10px;
font-size:14px;
color:#666666;
margin-left:5px;
box-shadow:3px 3px 0px 0px #efefef;
}

form.login input.bt{
float:left;
position:relative;
width:60px;
height:60px;
padding:20px 20px;
background:#00AAAA;
font-size:14px;
color:#ffffff;
cursor:pointer;
box-shadow:3px 3px 0px 0px #efefef;

transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

form.login input.bt:hover{background:#333333;}

#lista-serv{float:left;
position:relative;
width:auto;
}

#lista-serv ul{float:left;
position:relative;
width:auto;
}

#lista-serv ul li{float:left;
position:relative;
width:100%;
margin-bottom:1px;
}

#lista-serv ul li a{float:left;
position:relative;
width:100%;
}

#lista-serv ul li a #text{float:left;
position:relative;
width:510px;
text-align:left;
padding:10px 10px;
font-size:12px;
color:#333333;
background:#efefef;

transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

#lista-serv ul li a span{float:left;
position:relative;
width:50px;
padding:10px 10px;
text-align:center;
font-size:12px;
color:#ffffff;
background:#333333;

transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

#lista-serv ul li a:hover #text{background:#cccccc;
color:#ffffff;
}

#lista-serv ul li a:hover span{background:#00AAAA;}

#pag{float:left;
position:relative;
width:auto;
margin-top:20px;
}

#pag ul{float:left;
position:relative;
width:auto;
}

#pag ul li {float:left;
position:relative;
width:auto;
margin-right:3px;
}

#pag ul li a{float:left;
position:relative;
width:auto;
padding:5px 5px;
text-align:center;
background:#333333;
color:#ffffff;
box-shadow:3px 3px 0px 0px #efefef;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

#pag ul li a:hover{background:#00aaaa;
text-decoration:none;}
/******************************************************************************/

p{
  margin: 5px 0;
}
div.conteudo{
  margin-top:30px;
  text-align:left;
  clear:both;
  text-indent: 20px;
}
div.conteudo a{
  color:#00AAAA;
  font-size:inherit;
}
div.conteudo a:hover{
  color:#333;
}